<template>
  <router-link to="/" class="logo-wrapper">
    <img :src="require('@/assets/logo/logo.png')" alt="logo" />
  </router-link>
</template>

<script>
import logo from '@/assets/logo/logo.png'
export default {
  name: 'logo',
  data() {
    return {
      logImg: logo,

    }
  }
}
</script>

<style lang="less" scoped>
  .logo-wrapper {
    position: relative;
    height: 60px;
    padding-left: 24px;
    padding-right: 24px;
    display: inline-block;
    img {
      height: 100%;
    }
  }
</style>

